﻿  <div class="tabbable tabs-below breadcrumb">
      <div class="breadcrumb"><h4>Search</h4></div>
      <ul class="nav nav-tabs">
          <li class="active"><a href="#lAProfileDetails" data-toggle="tab"><strong>Companies</strong></a></li>
          <li><a href="#lBProfileDetails" data-toggle="tab"><strong>Candidates</strong></a></li>
          <li><a href="#lCProfileDetails" data-toggle="tab"><strong>Positions</strong></a></li>
      </ul>
      <div class="tab-content">
          <div class="tab-pane active" id="lAProfileDetails"  data-bind = "with: companyAdvancedSearch">
              <div class="row">
                  <span style="margin-left: 30px">Search type</span>
              </div>
              <div class="row">
                  <select style="margin-left: 30px" data-bind="value: $root.searchTypeCompanies">
                      <option value="all">Match all criteria</option>
                      <option value="some">Match any criteria</option>
                  </select>
              </div>
              <div class="row">
                  <span style="margin-left: 30px">Keyword(s)</span>
              </div>
              <div class="row">
                  <input type="text" style="margin-left: 30px" data-bind = "value: Keywords"/>
              </div>
              <div class="row">
                  <span style="margin-left: 30px">Industry</span>
              </div>
              <div class="row">
                  <select style="margin-left: 30px" data-bind="options: $root.availableIndustries, optionsText: 'Description', value : $root.selectedIndustryCompany, optionsCaption: '- Select Industry -'"></select>
              </div>
              <div class="row">
                  <span style="margin-left: 30px">Location</span>
              </div>
              <div class="row">
                  <input type="text" style="margin-left: 30px" data-bind="value: Location"/>
              </div>
              <div class="row">
                  <button style="margin-left: 30px" class="btn btn-info" data-bind="click: function(){ $root.simpleSearchCompanies() }"><strong>Search</strong></button>
              </div>
              <div class="row">
                  <a href="#" style="margin-left: 30px" data-bind="click: function(){ $root.advancedSearchCompanies() }"><span style="font-size: smaller">Advanced search</span></a>
              </div>
          </div>

          <div class="tab-pane" id="lBProfileDetails" data-bind = "with: profileAdvancedSearch">
              <div class="row">
                  <span style="margin-left: 30px">Search type</span>
              </div>
              <div class="row">
                  <select style="margin-left: 30px" data-bind="value: $root.searchTypeExperts">
                      <option value="all">Match all criteria</option>
                      <option value="some">Match any criteria</option>
                  </select>
              </div>
              <div class="row">
                  <span style="margin-left: 30px">Keyword(s)</span>
              </div>
              <div class="row">
                  <input type="text" style="margin-left: 30px" data-bind="value: Keywords"/>
              </div>
              <div class="row">
                  <span style="margin-left: 30px">Industry</span>
              </div>
              <div class="row">
                  <select style="margin-left: 30px" data-bind="options: $root.availableIndustries, optionsText: 'Description', value : $root.selectedIndustryExpert, optionsCaption: '- Select Industry -'"></select>
              </div>
              <div class="row">
                  <span style="margin-left: 30px">Job type</span>
              </div>
              <div class="row">
                  <select style="margin-left: 30px" data-bind="value: JobType">
                      <option value="0"></option>
                      <option value="1">Permanent</option>
                      <option value="2">Freelancer</option>
                  </select>
              </div>
              <div class="row">
                  <span style="margin-left: 30px">Location</span>
              </div> 
              <div class="row">
                  <input type="text" style="margin-left: 30px" data-bind="value: Location"/>
              </div>
              <div class="row">
                  <button style="margin-left: 30px" class="btn btn-info" data-bind="click: function(){ $root.simpleSearchExperts() }"><strong>Search</strong></button>
              </div>
              <div class="row">
                  <a href="#" style="margin-left: 30px" data-bind="click: function(){ $root.advancedSearchExperts() }"><span style="font-size: smaller">Advanced search</span></a>
              </div>
          </div>

          <div class="tab-pane" id="lCProfileDetails" data-bind = "with: projectAdvancedSearch">
              <div class="row">
                  <span style="margin-left: 30px">Search type</span>
              </div>
              <div class="row">
                  <select style="margin-left: 30px" data-bind="value: $root.searchTypePositions">
                      <option value="all">Match all criteria</option>
                      <option value="some">Match any criteria</option>
                  </select>
              </div>
              <div class="row">
                  <span style="margin-left: 30px">Keyword(s)</span>
              </div>
              <div class="row">
                  <input type="text" style="margin-left: 30px" data-bind="value: Keywords"/>
              </div>
              <div class="row">
                  <span style="margin-left: 30px">Industry</span>
              </div>
              <div class="row">
                  <select style="margin-left: 30px" data-bind="options: $root.availableIndustries, optionsText: 'Description', value : $root.selectedIndustryExpert, optionsCaption: '- Select Industry -'"></select>
              </div>
              <div class="row">
                  <span style="margin-left: 30px">Contract type</span>
              </div>
              <div class="row">
                  <select style="margin-left: 30px" data-bind="value: JobType">
                      <option value="0"></option>
                      <option value="1">Permanent</option>
                      <option value="2">Freelancer</option>
                  </select>
              </div>
              <div class="row">
                  <span style="margin-left: 30px">Location</span>
              </div> 
              <div class="row">
                  <input type="text" style="margin-left: 30px" data-bind="value: Location"/>
              </div>
              <div class="row">
                  <button style="margin-left: 30px" class="btn btn-info" data-bind="click: function(){ $root.simpleSearchPositions() }"><strong>Search</strong></button>
              </div>
              <div class="row">
                  <a href="#" style="margin-left: 30px" data-bind="click: function(){ $root.advancedSearchPositions() }"><span style="font-size: smaller">Advanced search</span></a>
              </div>
          </div>
      </div>
  </div>
@*<script type="text/javascript">
            $(function() {
                $("#slider1").slider();
                $("#slider2").slider();
            });
 </script>*@